<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //页面层
    var htmlcontent = "<div id='layer-photos-demo' style='padding: 10px 15px  10px;'><h4 style='color: #0f0f0f;'>学生：hcl</h4><h4 style='color: #0f0f0f;'>学号：1801266554</h4><table  style='color: #0f0f0f;' class=\"table table-hover\">" +
        "<tr align='center' style='font-weight: bolder' class=\"info disabled\"><td>序号</td><td>加分项</td><td>分值</td><td>证明图片</td></tr>" +
        "<tr align='center' class=\"info\"><td>1</td><td>内容1</td><td>5.0</td><td>< img width='200px' height='150px' alt='点击查看大图' src='http://n.sinaimg.cn/sinacn/w1777h1000/20180108/e1f4-fyqincv3601664.jpg'></td></tr>" +
        "<tr align='center' class=\"info\"><td>2</td><td>内容1</td><td>2.2</td><td>< img width='200px'  height='150px' src='http://cj.aiziw.com/uploads/picagyw/20200308/5e63dc550fe68agyw.jpg'></td> </tr>" +
        "<tr align='center' class=\"info\"><td>3</td><td>内容1</td><td>5.5</td><td>< img width='200px'  height='150px' src='http://image.32yx.com/file/userfiles/images/2017072712183335399.jpg' ></td></tr>" +
        "<tr align='center' class=\"info\"><td>3</td><td>内容1</td><td>5.5</td><td>< img width='200px'  height='150px' src='http://n.sinaimg.cn/sinacn20111/560/w874h486/20181227/83fd-hqtwzee1359568.jpg'></td> </tr>" +
        "<tr align='center'><td><button type=\"button\" class=\"btn btn-success\">（成功）Success</button></td><td><button type=\"button\" class=\"btn btn-info\">（一般信息）Info</button></td><td><button type=\"button\" class=\"btn btn-warning\">（警告）Warning</button></td></tr>" +
        "</table></div>"

    layer.open({
        type: 1,
        title:"详细信息",
        skin: 'layui-layer-rim', //加上边框
        area: ['900px', '700px'], //宽高
        content: htmlcontent
    });
    layer.photos({
        photos: '#layer-photos-demo'
        ,anim: 1 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
    });
</script>

</body>
</html>